html{ background:url(bg.jpg) repeat-x top #f8f8f8;}
body{ 
font-size:12px; color:#585858;
background:url(bg_top.jpg) no-repeat center top;
position:relative;
padding-bottom:15px;
}
.d_box{ width:100%; height:345px; background:url(3dbox_bg.gif) no-repeat bottom; text-align:center;}
.work{height:200px;width:100%;}

.g_show{
	width:20%; 
	height:100%; 
	margin: 0  auto;
	float:left;
	}

.h_work{width:80%;height:100%;margin:0 auto;float:left }

.h_work_up{ background:url(bg_workbox.png) no-repeat; width:100%; height:80%; margin:0 auto; }

.h_work_down{
	width:100%; 
	height:20%;
	margin:0 auto;
	}
.h_work_down li{
	padding: 0 0 0 15px;
	}
.h_work a{ display:block; width:220px; height:120px; text-indent:-99999px; overflow:hidden;}
.h_work p{ padding-left:5px;}
.cur2 p{ color:#000;}
.h_work ul{ padding:0 0 0 2px;}
.g_show h1 {padding: 0 0 5 25px;}
.g_show li {padding: 0 0 0 30px;}
.g_show li{ display:inline;}
.h_work li{ float:left; display:inline;}
.wo1,.wo2,.wo3,.wo4{ width:220px; height:138px; margin:0 8px;}
.wo_line{ width:2px; height:150px; background:url(line.gif) no-repeat; overflow:hidden;}
.wo1{ background:url(work1.png) no-repeat;}
.wo2{ background:url(work2.png) no-repeat;}
.wo3{ background:url(work3.png) no-repeat;}
.wo4{ background:url(work4.png) no-repeat;}

.h_case{ 
width:979px; height:370px; margin:0 auto; background:url(bg_casebox.png) no-repeat;
padding:0 0 0 22px; position:relative;
}
.h_case h3{ height:38px; line-height:38px; font-weight:normal; padding:43px 0 0 280px;}
.h_case h3 b{ font-weight:normal; color:#fff;}
.h_case h3 b a{ margin:0 5px; color:#fff;}
.h_case h3 a:hover{ text-decoration:underline; color:#d3e916;}
.h_case h3 span a{ color:#fff; margin-left:50px;}

.h_cbox{ 
float:left; display:inline; width:234px; height:267px; background:url(h_casebox.png) no-repeat;
margin:10px 5px 0 0;
}
.cur3{ background:url(h_casebox_hover.png) no-repeat;}
.cur3 p{ color:#000;}
.h_cbox span{ display:block; width:205px; margin:0 auto; padding-top:10px;}
.h_cbox span img{ width:205px;}
.h_cbox b{ display:block; width:205px; margin:0 auto; padding:8px 0;}
.h_cbox p{ display:block; width:205px; margin:0 auto; line-height:180%; word-wrap:break-word;}

.h_news{ width:972px; margin:0 auto;}
.newsbox{ float:left; display:inline; width:318px;}
.h_news h4{ height:31px; position:relative;}
.h_news h4 img{ position:absolute; right:10px; top:15px;}
.newsbox ul{ margin:0 40px 0 10px; padding:15px 0 30px 0;}
.h_news li{ height:32px; line-height:32px; background:url(line2.gif) repeat-x bottom;}
.h_news li a{ background:url(midot1.gif) no-repeat left center; padding-left:15px;}
.news_bar1{ background:url(news_bar1.gif) no-repeat;}
.news_bar2{ background:url(news_bar2.gif) no-repeat;}
.news_bar3{ background:url(news_bar3.gif) no-repeat;}
.mg1{ margin:0 9px;}

.h_brand{ width:961px; margin:0 auto; background:url(bg_case_bar.gif) no-repeat; padding-bottom:25px;}
.h_brand h4{ height:24px; line-height:24px; text-align:right; font-weight:normal; padding-bottom:25px;}
.h_brand li{ 
float:left; display:inline; width:133px; height:80px; background:url(brandbox.png) no-repeat;
margin:20px 0 0 3px;
}
.h_brand li b{ 
display:block; width:133px; height:80px;
}
.h_brand li b{
overflow:hidden;
position:relative;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.h_brand li b p{
position:static;
+position:absolute;
top:50%;
vertical-align:middle;
text-align:center;
}
.h_brand li b p img{
position:static;
+position:relative;
top:-50%;left:-50%;
vertical-align:middle
}

.h_foot{ width:970px; margin:0 auto; background:url(bg_fbox.gif) no-repeat center top}
.h_foot h2{ width:970px; height:56px; background:url(h_bar.png) no-repeat; text-align:center;}
.h_foot h2 a{ margin:0 15px; color:#fff;}
.h_foot h2 a:hover{ text-decoration:underline;}
.h_foot h2 b{ display:block; padding-top:25px;}
.h_link p{ display:block; width:920px; margin:0 auto; line-height:180%; padding:10px 0; white-space:nowrap; text-overflow:ellipsis;}
.h_link p a,.h_link p b,.h_link p span{ float:left; display:inline;}
.h_link p a{ margin:0 5px;}
.h_link p b{ margin-left:5px;}

.foot p{ text-align:center; line-height:200%;}
.foot h4{ text-align:center; font-weight:normal; background:url(line3.gif) repeat-x center; padding:0 195px; margin:0 16px;}
.foot h4 p{ background:#f2f1f1;}
.foot h4 p a{ margin:0 5px; color:#000;}

.stripViewer{
position:relative;
overflow:hidden; 
width:945px;
height:267px;
clear:both;
margin-left:3px;
}
.panelContainer{
position:relative;
left:0; top:0;
width:97.5%;
height:267px;
overflow:hidden;
}
.panel{
float:left;
height:100%;
position:relative;
width:100%;
}
.stripNav{
width:92px;
position:absolute; right:50px; top:58px;
}
.stripNav ul li {
float:left; display:inline;
}
.stripNav a {
display:block;
width:12px; height:12px;
text-indent:999999px;
background:url(circle1.gif) no-repeat;
overflow:hidden;
margin-left:5px;
}
.stripNav li a.current {
background:url(circle2.gif) no-repeat;
}
.stripNavL, .stripNavR { display:none;}
